import {
  Tabs,
  Button,
  Select,
  Space,

} from 'antd';
import React from 'react';
import SetList from './SetList';
import SetDeleting from './SetDeleting';
const { Option } = Select;
const onChange = (key) => {
  console.log(key);
};
const Install = () => (
  <Tabs
      defaultActiveKey="1"
      onChange={onChange}
      items={[
          {
              label: `审核设置`,
              key: '1',
              children:
                  <div>
                      <Space.Compact style={{ marginTop: '10px', margin: '10px' }} >
                          年级: <Select defaultValue="一年级" style={{ width: '120px' }}>
                              <Option value="Option1">二年级</Option>
                              <Option value="Option2">三年级</Option>
                          </Select>
                      </Space.Compact>
                      <Space style={{ float: 'right' }}>
                          <Button type="primary" style={{ background: 'orange' }}>
                              不需要审核
                          </Button>
                          <Button type="primary">
                              需要审核</Button>
                          <Button type="primary" style={{ float: 'right', marginTop: '10px', margin: '10px', background: "green" }}>
                              仅班主任可以审核 </Button>
                      </Space>
                      <SetList />
                  </div>


          },
          {
              label: `删除设置`,
              key: '2',
              children:
                  <div>
                      <Space.Compact style={{ marginTop: '10px', margin: '10px' }} >
                          年级: <Select defaultValue="一年级" style={{ width: '120px' }}>
                              <Option value="Option1">二年级</Option>
                              <Option value="Option2">三年级</Option>
                          </Select>
                      </Space.Compact>
                      <Space style={{ float: 'right' }}>
                          <Button type="primary" >
                              老师可删除 </Button>
                          <Button type="primary" style={{ background: 'green' }}>
                              仅班主任可删除  </Button>
                      </Space>
                      <SetDeleting />

                  </div>
          },

      ]}
  />
);
export default Install;